<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>认证状态</title>
    
    <!-- <script src="https://cdn.jsdelivr.net/gh/jquery-form/form@4.2.2/dist/jquery.form.min.js" integrity="sha384-FzT3vTVGXqf7wRfy8k4BiyzvbNfeYjK+frTVqZeNDFl8woCbF0CYG6g2fMEFFo/i" crossorigin="anonymous"></script> -->
    <script type="text/javascript" src="../js/zepto.js"></script>
	<script src= "../js/jquery.min.js"></script>
	<script src="../js/touch.min.js"></script>
    <script src="../js/layer/layer.js"></script>
<script type="text/javascript">
		document.addEventListener('plusready', function () {
			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"	
		});
	</script>
    <style>
        *{
        margin: 0rem;
        padding: 0rem;
        text-decoration: none;
        list-style: none;
        
    }
    html{
        
        font-size: calc(100vw / 7.5);
    }
html,body{
	background-color: #fff !important;
	width: 100%;
	height: 100%;
	 /*font-size:  100rem;*/
	 /*font-size: 100px;*/
	 font-family: "Microsoft YaHei" ! important;
}
        .wrapper .header{
        box-sizing: border-box;
        padding: 0rem 0.1rem;
        display: flex;
        width: 100% ;
        height: 0.88rem;
        background: #809fba;
    }	
    .wrapper .header div{
        height: 100%;
        font-size: 0.30rem;
        text-align: center;
        line-height: 0.88rem;
        color: #fff;
    }
    .con{
        flex: 8;
    }
    .arrow img{
        width: 0.41rem;
        height: 0.3rem;
        display: inline-block;
    }
    .dot img{
        width: 0.41rem;
        height: 0.09rem;
        display: inline-block;
        margin-bottom: 0.03rem;
    }
    .arrow{
        flex: 1;
        /* background: url("../img/arrow.png") no-repeat center; */
        background-size: contain;
    }
    .dot{
        flex: 1;
    }
    /* 内容 */
    .wrapper-content{
        width: 100%;
    }
    .wrapper-content form {
        box-sizing: border-box;
        padding-left: 0.3rem;
        width: 100%;
    }
   
    .wrapper-content form .sub{
        width: 6.24rem;
        height: 0.94rem;
        position: absolute;
        bottom: 0.98rem;
        left: 0.65rem;
        background: #7f9eba;
        color: #fff;
        border: 0px;
        font-size: 0.32rem;
    }
    .wrapper-content form .title{
        height: 1.02rem;
        line-height: 1.02rem;
        font-size: 0.3rem;
        color: #2b4961;
        width: 100%;
        text-align: center;

    }
    .wrapper-content form .wrapper-photo{
        position: relative;
        width: 7.13rem;
        height: 2.08rem;
       
        margin-left: -0.16rem;
    }
    .wrapper-content form .wrapper-photo input{
        position: absolute;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        z-index: 10;
        opacity: 0;
    }
    .wrapper-content form .wrapper-photo .left{
        position: absolute;
        left: 0rem;
        width: 3.43rem;
        height: 2.08rem;
        border: 1px dashed #9bb1c2;
        border-radius: 0.1rem;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; 
    }

    .wrapper-content form .wrapper-photo .right{
        position: absolute;
        right: 0rem;
        width: 3.43rem;
        height: 2.08rem;
        border: 1px dashed #9bb1c2;
        border-radius: 0.1rem;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; 
    }
    .wrapper-content form .wrapper-photo img{
        position: absolute;
        left: 1.27rem;
        top: 0.36rem;
        width: 0.85rem;
        height: 0.85rem;
    }
    .wrapper-content form .wrapper-photo p{
        position: absolute;
        bottom: 0rem;
        height: 0.86rem;
        width: 100%;
        line-height: 0.87rem;
        text-align: center;
        font-size: 0.24rem;
        color: #919aa4;
    }
   #name{
       opacity: 0;

   }
   #number{
       opacity: 0;
   }
    </style>
	
</head>

<body>
	<div class="wrapper">
		<div class="header">
			<div class="arrow">
				<img src="../img/arrow.png" alt="">
			</div>
			<div class="con">认证状态</div>
			<div class="dot">
				<img src="../img/dot.png" alt="">
			</div>
        </div>
    </div> 

    <div class="wrapper-content">
       <form action="" method="POST" enctype="multipart/form-data">
           <p class="title" id="zhuangtai">审核通过</p>
            <div class="wrapper-photo">
                <div class="left">
                 
                </div>
                <div class="right">
                  
                </div>
            </div>
            <input type="text" id="name" name="realname"> <input type="text"  id="number" name="idnumber">
            <!-- <input type="button" class="sub" value="上传"> -->
       </form>
    </div>
    
  
	

	<!-- <script src= "../js/jquery.cookie.js"></script> -->
    <script src="../js/personal.js"></script>
    <script>
    	var leftflag = false;
        var rightflag = false;
        var formData = new FormData();
        $("#name").val(localStorage.realname)

        $("#number").val(localStorage.idnumber)
         $(".arrow").on("tap",function(){
         
			window.location.href = "./gerenziliao.html";
		})
      

    $(".left").css("backgroundImage","url('"+localStorage.IDFront+"')");
    $(".right").css("backgroundImage","url('"+localStorage.IDBack+"')");
    if(localStorage.status == -1){
        $("#zhuangtai").html("审核失败")
    }else if(localStorage.status == 0){
        $("#zhuangtai").html("未审核")
    }else if(localStorage.status == 1){
        $("#zhuangtai").html("审核完成")
    }else{
        $("#zhuangtai").html("审核中")

    }
    
    // $(".right").css("backgroundImage","url('../img/geren.png')");
    // localStorage.IDFront 
    // localStorage.IDBack
    </script>
</body>

</html>